/* ::::: http://www.askeet.com/css/main.css ::::: */

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0pt; padding: 0pt; }
a img, :link img, :visited img { border: medium none; }
a:link, a:visited { text-decoration: underline; color: rgb(156, 71, 151); }
a:hover { text-decoration: none; }
body, td { margin: 0pt; padding: 0pt; font-family: Arial,sans-serif; font-size: 12px; background: none repeat scroll 0% 0% rgb(242, 236, 242); }
body { text-align: center; }
div#header { margin-left: auto; margin-right: auto; margin-bottom: 10px; text-align: left; width: 780px; height: 102px; background: url('header_background.gif') no-repeat scroll left top transparent; }
div#header h1 { padding: 30px; font-family: Verdana,sans-serif; font-size: 17px; font-weight: bold; color: rgb(200, 200, 200); letter-spacing: -1px; }
div#header h1 strong { color: rgb(153, 153, 153); }
div#header ul, div#footer ul { list-style: none outside none; display: inline; float: right; padding: 5px; background: url('menu_left.gif') no-repeat scroll left bottom rgb(216, 115, 47); font-size: 11px; }
div#header li, div#footer li, div#header form { display: inline; list-style: none outside none; }
div#header li { padding: 0pt 7px; font-weight: bold; border-right: 1px solid rgb(255, 255, 255); }
div#header li.last { border-right: medium none; }
div#header li :link, div#header li :visited { color: rgb(255, 255, 255); }
div#content_main { padding: 25px; background: url('content_top.gif') no-repeat scroll left top white; }
div#content_main h1 { margin: -25px; font-size: 14px; font-family: Verdana,Arial,sans-serif; padding: 0px 25px 40px; color: rgb(126, 126, 126); }
div#content_main h2 { font-size: 14px; }
div#content_main .interested_block { float: left; padding: 4px 10px 10px 0pt; width: 60px; }
div#content_main .interested_mark { font-size: 2em; font-weight: bold; width: 40px; height: 26px; background: url('interested_bubble.gif') no-repeat scroll left top transparent; text-align: right; margin-left: 10px; color: rgb(255, 255, 255); }
div#content_main .few_interests { font-size: 20px; line-height: 26px; margin-right: 10px; }
div#content_main .interested_link { text-align: center; font-size: 9px; }
div#content_main .interested_link :link, div#content_main .interested_link :visited { color: rgb(243, 179, 53); }
div#content_main .question { margin-bottom: 25px; }
div#content_main .question_body { margin-top: 6px; padding-left: 70px; }
div#content_bar { background: url('side_top.gif') no-repeat scroll left top white; }
div#content_bar div.topbar { height: 15px; margin: -10px; }
div#content_bar li { padding: 10px 10px 5px 10px; list-style: none outside none; }
div#content_bar h2 { font-size: 14px; font-family: Verdana,Arial,sans-serif; padding: 10px 10px 5px 10px; color: rgb(126, 126, 126); }
div#footer { margin-left: auto; margin-right: auto; height: 80px; padding-top: 40px; background: url('footer_background.gif') no-repeat scroll left top transparent; text-align: right; }
div#indicator { position: absolute; width: 100px; height: 40px; left: 10px; top: 10px; z-index: 900; background: url('indicator.gif') no-repeat scroll 0pt 0pt transparent; }
.subtitle { color: rgb(156, 71, 151); font-size: 11px; }
.subtitle :link, .subtitle :visited { font-weight: bold; }
fieldset { border: medium none; }
#login { margin-bottom: 10px; }
#login h2 { font-size: 14px; margin-bottom: 5px; }
ul#tag_cloud { list-style: none outside none; }
ul#tag_cloud li { list-style: none outside none; display: inline; padding: 5px; }
ul#tag_cloud li.tag_popularity_1 { font-size: 80%; }
ul#tag_cloud li.tag_popularity_2 { font-size: 100%; }
ul#tag_cloud li.tag_popularity_4 { font-size: 160%; }
#add_question { padding: 10px; margin: 7px 10pt 5px 7px; text-align: center; font-size: 16px; font-weight: bold; background: url('add_background.gif') no-repeat scroll left white; }
#add_question :link, #add_question :visited { color: rgb(255, 255, 255); }
.options, .options :link, .options :visited { color: rgb(170, 170, 170); }
.small { font-size: 10px; }
/* ::::: http://www.askeet.com/css/layout.css ::::: */

#content_main { float: left; width: 480px; margin-right: 10px; }
#content_bar { float: left; width: 240px; padding: 0px; }
#content_main, #content_bar { padding-bottom: 32767px ! important; margin-bottom: -32767px ! important; }
@media all and (min-width: 0px) {
	#content_main, #content_bar { padding-bottom: 0pt ! important; margin-bottom: 0pt ! important; }
	#content_main:before, #content_bar:before { content: "[DO NOT LEAVE IT IS NOT REAL]"; display: block; background: inherit; padding-top: 32767px ! important; margin-bottom: -32767px ! important; height: 0pt; }
}
.verticalalign { position: absolute; bottom: 0pt; }
#content_main .verticalalign { width: 540px; }
#content_bar .verticalalign { width: 240px; }
@media all and (min-width: 0px) {
	.verticalalign { width: 100% ! important; }
	div[id^="content"] #content_main .verticalalign { width: 540px ! important; }
	div[id^="content"] #content_bar .verticalalign { width: 240px ! important; }
}
#content { width: 780px; position: relative; margin-left: auto; margin-right: auto; text-align: left; overflow: hidden; }
#content { float: none; }
#content:after { content: "[DO NOT LEAVE IT IS NOT REAL]"; display: block; height: 0pt; clear: both; visibility: hidden; }
#content { display: inline-block; }
#content { display: block; }
#header, #footer { width: 780px; }
* > #footer, * > form, * > #notes, * > .output { position: relative; z-index: 1000; }
